
.header{
    background-color: #31353d;
    color: #dd1515;
    height: 60px;
   padding-top: 5px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   .left{
    height: 60px;
    display: flex;
    align-items: center;
   }
    img{
        width: 144px;
        height: 24px;
    }
    .line{
       width: 1px;
       height: 10px;
     background-color:  #5F6164;
     margin-left: 18px;
    }
    .txt{
        opacity: 0.7;
        font-family: PingFangSC-Medium;
        font-size: 14px;
        color: #9B8FFF;
        letter-spacing: 0;
        text-align: right;
        line-height: 14px;
        margin-left: 18px;
            }
}
.mid{
    height: calc(100vh - 60px);
}
.sider{
    background-color: #fbfbfd;
    color: #a889ff;
    font-size: 20px;
}
.footer{
    background-color: #aaa;
    color: #666;
    height: 60px;
}
.drop1{
   border: none !important;
   background-color: none !important;
    margin-left: 27px;
   font-style: 14px;
    color: #fff;
    
}
.down{
<<<<<<< HEAD
    /* margin-left: 900px; */
=======
    margin-left: 880px;
>>>>>>> 37abfd42823378a763f92213c22c113a217fd0d9
}
.login{
    color: #9ba0b0;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #9BA0B0;
    letter-spacing: 0;
    line-height: 14px;
}